<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="author" content="wangbo">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>axios</title>
</head>

<body>
    <!-- 在 AJAX 时代，进行 API 等网络请求都是通过 XMLHttpRequest 或者封装后的框架进行网络请求
        目前会有一点浏览器兼容的问题， React 都可以使用 fetch 进行完美的网络请求。
        在 Chrome 浏览器中已经全局支持了 fetch 函数   -->
    <script src="../js/jquery.js"></script>
    <script src="../js/axios.js"></script>
    <script>

        axios.get('http://127.0.0.1/react', {
            // url参数
            params: {id: 100, vip: 10},
        }).then(value => {
            console.log(value);
        })

        $.ajax({
            url: 'http://127.0.0.1/react',
            // 同步的
            async: false,
            data: { name: 'lisi', age: '20' },
            type: "get",
            success: function (date) {
                console.log('ajax--', date)
            },
            error: function (msg) {
                console.log('失败执行的方法', msg)
            }
        })
        axios({
            method: "get",
            url: 'http://127.0.0.1/react',
            params: { name: '张三', age: '20' },
        }).then(res => {
            console.log(res)
        })

    </script>

</body>

</html>